body {
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 100vh;
}

svg {
	width: 600px;
}

.emojis {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 600px;

	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);

	padding: 0 20px;
	box-sizing: border-box;
	display: flex;
}

.emojis li {
	flex: 1;
	font-size: 60px;
	text-align: center;
	transition: .2s all ease-in-out;
}

.emojis li:hover {
	cursor: pointer;
	transform: scale(1.6);
}

.emojis+svg #pop {
	r: 20px;
	transition: .2s r ease-in-out;
}

.emojis:hover+svg #pop {
	r: 40px;
}
